import Vue from 'vue'
import 'normalize.css/normalize.css'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

import '@/styles/index.scss' // global css

import App from './App'

import store from './store'

import router from './router'

import '@/icons' // icon

// 引入权限配置js文件
import '../src/permission'

// 引入全局指令
import * as directives from '@/directive'
Object.keys(directives).forEach((key) => {
  Vue.directive(key, directives[key]) // 注册自定义指令
})

// 注册插件
import componenPlugin from '@/components'
Vue.use(componenPlugin)
// 调用此方法 插件的install会自动执行 所以内部插件的逻辑也会跟着一起执行

Vue.use(ElementUI)

Vue.config.productionTip = false

// vue实例化
new Vue({
  el: '#app',
  router,
  store,
  render: (h) => h(App)
})
